<script>
export default {
  name: "FilterArea",
  props: {},
  methods:{
    search() {
      this.$emit('onSearch')
    },
    reset(){
      this.$emit('onReset')
    }
  }
}
</script>

<template>
  <div class="filterBox">
    <div class="flex-rnr filterInput">
      <slot name="inputBox"></slot>
      <el-button @click="search" class="submit_btn">搜索</el-button>
      <el-button @click="reset" type="warning">重置</el-button>
    </div>
  </div>
</template>

<style lang="scss">
.filterBox {
  background-color: #fff;
  width: 96%;
  margin: 0 auto;
  padding: 10px;
}

.filterInput {
  .area {
    margin-right: 10px;
    width: 30%;

    > label {
      width: 110px;
    }
  }
}

</style>
